<template>
  <div class="study">
    <!-- 顶部标题栏 -->
    <van-nav-bar title="已购课程"/>
    <!-- 创建课程列表组件实例 -->
    <courseList :getData="getData" />
    <!-- 底部导航栏 -->
    <footBar />
  </div>
</template>

<script>
// 引入接口：获取已购课程
import { getPurchaseCourse } from '@/api/course'
// 引入公共底部导航栏
import footBar from '@/common/foot-bar'
// 引入课程列表组件
import courseList from '@/common/course-list'
export default {
  name: 'study',
  // 钩子函数
  created () {
    // 设置传递给子组件的接口
    this.getData = getPurchaseCourse
  },
  // 注册组件
  components: {
    footBar,
    courseList
  }
}
</script>

<style lang="scss" scoped>
// 调整课程列表整体
.van-pull-refresh {
  top: 46px;
  bottom: 50px;
}
</style>
